(function($, window, document, undefined) {
  
  $(document).on('click', '.user-tab-item', function(e) {
    e.preventDefault()

    var $el = $(e.target)

    if (!$el.is('.user-tab-item')) {
      $el = $el.parents('.user-tab-item')
    }

    var index = $el.index()

    $el
      .addClass('active')
      .siblings()
      .removeClass('active')

    $('.user-panel-item')
      .eq(index)
      .addClass('active')
      .siblings()
      .removeClass('active')

  })
  
  $(document).on('click', '.user-subpage-side-link', function(e) {
    e.preventDefault()

    var $el = $(e.target),
        $p  = $el.parents('.user-subpage')

    if (!$el.is('.user-subpage-side-link')) {
      $el = $el.parents('.user-subpage-side-link')
    }

    var index = $el.parents('li').index()

    $el
      .parents('li')
      .addClass('active')
      .siblings()
      .removeClass('active')
    
    $p
      .find('.user-subpage-main-item')
      .eq(index)
      .addClass('active')
      .siblings()
      .removeClass('active')

  })
  
  $(document).on('click', '.user-switch-tab-item', function(e) {
    e.preventDefault()

    var $el = $(e.target),
        $p  = $el.parents('.user-switch')

    if (!$el.is('.user-switch-tab-item')) {
      $el = $el.parents('.user-switch-tab-item')
    }

    var index = $el.index()

    $el
      .addClass('active')
      .siblings()
      .removeClass('active')

    $p
      .find('.user-switch-panel-item')
      .eq(index)
      .addClass('active')
      .siblings()
      .removeClass('active')
    console.log(index)
  })
  

  // 二维码生成
  new QRCode(document.getElementById("recommend-qrcode"),{
    width : 150,
    height : 150
  }).makeCode("hello world")

})(jQuery, window, document)